:root {
  .containers {
    width: 100%;
    height: 100%;
  }
  .sider {
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    .sider-main {
      flex: 1;
      display: flex;
      flex-direction: column;
      .sider-header {
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #eeeeee;
        .header-item {
          width: 50%;
          height: 18px;
          margin-bottom: 16px;
        }
        .header-item:last-child {
          margin-bottom: 0px;
        }
      }
      .sider-opt {
        padding: 8px 12px;
      }
      .search {
        margin-top: 6px;
      }
      .sider-tree {
        flex: 1;
        position: relative;
        .tree-container {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          overflow-y: scroll;
        }
      }
    }
    .sider-footer {
      padding: 6px 16px 0px 16px;
      border-top: 1px solid #eeeeee;
      .footer-header {
      }
      .footer-main {
        .submit-button {
          width: 100%;
          margin-bottom: 16px;
        }
      }
    }
  }
}
#bd-map {
  width: 100%;
  height: 100%;
}
